<template>
  <div class="h-naive-users-box">
    <TableNav :dataColumns="dataColumn" datas="" />
  </div>
</template>

<script setup>
import { h, reactive, ref } from "vue";
import TableNav from "@/components/TableNav/TableNav.vue";
import { NTag, NButton, useMessage } from "naive-ui";

let actions = ref({
  title: "Action",
  key: "actions",
  render(row) {
    return h(
      NButton,
      {
        size: "small",
        onClick: () => sendMail(row)
      },
      { default: () => "Send Email" }
    );
  }
})

let dataColumn = ref([
  {
    title: "Name",
    key: "name",
  },
  {
    title: "Age",
    key: "age",
  },
  {
    title: "Address",
    key: "address",
  }
]);

dataColumn.value.push(actions.value)

let data = ref([
  {

  }
])
</script>

<style scoped></style>
